.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置父容器的高度为视口高度，使按钮在垂直方向上居中 */
}

.button {
  border: 1px solid #ccc;
  padding: 15px 20px; /* 调整按钮的内边距 */
  margin: 100px;
  width: 300px; /* 调整按钮的宽度 */
  height: 100px; /* 调整按钮的高度 */
}

@media (max-width: 768px) {
  .button-container {
    flex-direction: column;
  }
}